import React from 'react';
import { Link } from 'react-router-dom';
import { X } from 'lucide-react';
interface CookieBannerProps {
  onAccept: () => void;
}
export function CookieBanner({
  onAccept
}: CookieBannerProps) {
  return <div className="fixed bottom-0 left-0 right-0 bg-white shadow-lg z-50 border-t border-[#e8e5e0]">
      <div className="max-w-7xl mx-auto p-4 md:p-6 flex flex-col md:flex-row items-center justify-between">
        <div className="flex-1 mb-4 md:mb-0 md:mr-6">
          <p className="text-sm">
            We use cookies to enhance your experience on our website. By
            continuing to browse, you agree to our{' '}
            <Link to="/about/privacy-policy" className="text-[#4a6b60] hover:underline">
              Privacy Policy
            </Link>
            .
          </p>
        </div>
        <div className="flex space-x-4">
          <button onClick={onAccept} className="bg-[#4a6b60] hover:bg-[#3d5a50] text-white px-4 py-2 rounded-md text-sm transition-colors">
            Accept
          </button>
          <button onClick={onAccept} className="text-[#4a4a4a] hover:text-[#4a6b60]" aria-label="Close">
            <X size={20} />
          </button>
        </div>
      </div>
    </div>;
}